﻿@charset "UTF-8";
/*!
 *  SoIcons by @gracebug
 */
/* FONT PATH
 * -------------------------- */
/*@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@-moz-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-webkit-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.icon-order:before {
  content: "\e628"; }

.icon-bang2:before {
  content: "\e6be"; }

.icon-jinhuo:before {
  content: "\e629"; }

.icon-triangle-bottom:before {
  content: "\e604"; }

.icon-triangle-right:before {
  content: "\e64a"; }

.icon-triangle-left:before {
  content: "\e656"; }

.icon-iconfonttriangletop:before {
  content: "\e696"; }

.icon-three-people:before {
  content: "\e6bc"; }

.icon-save:before {
  content: "\e6d7"; }

.icon-wangluo1:before {
  content: "\e6d8"; }

.icon-chongzhi:before {
  content: "\e6d9"; }

.icon-bianji:before {
  content: "\e6da"; }

.icon-zhangwuxinxi:before {
  content: "\e6bf"; }

.icon-quanxianguanli:before {
  content: "\e6c0"; }

.icon-shenpi:before {
  content: "\e6c1"; }

.icon-huiyuanbiaoqian:before {
  content: "\e6db"; }

.icon-huiyuandengji:before {
  content: "\e6dc"; }

.icon-huiyuanmingdan:before {
  content: "\e6dd"; }

.icon-cycle:before {
  content: "\e6de"; }

.icon-shareleft:before {
  content: "\e6e0"; }

.icon-shareright:before {
  content: "\e6e1"; }

.icon-fenlei:before {
  content: "\e6e2"; }

.icon-jiedianpanduan:before {
  content: "\e6e3"; }

.icon-jiedianxiaoxituisong:before {
  content: "\e6e4"; }

.icon-hkflow:before {
  content: "\e6e5"; }

.icon-emojisicon:before {
  content: "\e6e6"; }

.icon-voiceicon:before {
  content: "\e6e7"; }

.icon-iconfontqq:before {
  content: "\e6c2"; }

.icon-iconfontwechat:before {
  content: "\e6c3"; }

.icon-baoqianninmeiyouquanxianchakan:before {
  content: "\e62b"; }

.icon-shangjiarenzheng:before {
  content: "\e6c4"; }

.icon-shenfenrenzheng:before {
  content: "\e6c5"; }

.icon-accountbalance:before {
  content: "\e600"; }

.icon-accountbox:before {
  content: "\e601"; }

.icon-accountcircle:before {
  content: "\e602"; }

.icon-add:before {
  content: "\e603"; }

.icon-addshoppingcart:before {
  content: "\e605"; }

.icon-alarm:before {
  content: "\e606"; }

.icon-alarmadd:before {
  content: "\e607"; }

.icon-allinclusive:before {
  content: "\e608"; }

.icon-attachfile:before {
  content: "\e609"; }

.icon-attachmoney:before {
  content: "\e60a"; }

.icon-build:before {
  content: "\e60b"; }

.icon-call:before {
  content: "\e60c"; }

.icon-cardtravel:before {
  content: "\e60d"; }

.icon-chat:before {
  content: "\e60e"; }

.icon-chatbubble:before {
  content: "\e60f"; }

.icon-chatbubbleoutline:before {
  content: "\e610"; }

.icon-checkbox:before {
  content: "\e611"; }

.icon-checkboxoutlineblank:before {
  content: "\e612"; }

.icon-clear:before, .Dialoger > .dlg_head > .dlg_closer:before {
  content: "\e613"; }

.icon-cloud:before {
  content: "\e614"; }

.icon-clouddone:before {
  content: "\e615"; }

.icon-clouddownload:before {
  content: "\e616"; }

.icon-cloudoff:before {
  content: "\e617"; }

.icon-cloudqueue:before {
  content: "\e618"; }

.icon-cloudupload:before {
  content: "\e619"; }

.icon-contactmail:before {
  content: "\e61a"; }

.icon-contactphone:before {
  content: "\e61b"; }

.icon-contacts:before {
  content: "\e61c"; }

.icon-controlpoint:before {
  content: "\e61d"; }

.icon-copyright:before {
  content: "\e61e"; }

.icon-createnewfolder:before {
  content: "\e61f"; }

.icon-creditcard:before {
  content: "\e620"; }

.icon-dashboard:before {
  content: "\e621"; }

.icon-done:before {
  content: "\e625"; }

.icon-donotdisturb:before {
  content: "\e627"; }

.icon-donutsmall:before {
  content: "\e62c"; }

.icon-equalizer:before {
  content: "\e62d"; }

.icon-erroroutline:before {
  content: "\e62f"; }

.icon-feedback:before {
  content: "\e631"; }

.icon-expandless:before {
  content: "\e632"; }

.icon-expandmore:before {
  content: "\e633"; }

.icon-favorite:before {
  content: "\e634"; }

.icon-favoriteoutline:before {
  content: "\e635"; }

.icon-filterdrama:before {
  content: "\e636"; }

.icon-filedownload:before {
  content: "\e637"; }

.icon-fileupload:before {
  content: "\e638"; }

.icon-foldershared:before {
  content: "\e639"; }

.icon-gavel:before {
  content: "\e63a"; }

.icon-formatquote:before {
  content: "\e63b"; }

.icon-forum:before {
  content: "\e63c"; }

.icon-help:before {
  content: "\e641"; }

.icon-highlightremove:before {
  content: "\e642"; }

.icon-history:before {
  content: "\e643"; }

.icon-home:before {
  content: "\e644"; }

.icon-infooutline:before {
  content: "\e646"; }

.icon-keyboardhide:before {
  content: "\e647"; }

.icon-link:before {
  content: "\e648"; }

.icon-list:before {
  content: "\e649"; }

.icon-localgrocerystore:before {
  content: "\e64b"; }

.icon-localoffer:before {
  content: "\e64c"; }

.icon-localprintshop:before {
  content: "\e64d"; }

.icon-localshipping:before {
  content: "\e64e"; }

.icon-locationcity:before {
  content: "\e64f"; }

.icon-locationdisabled:before {
  content: "\e650"; }

.icon-locationhistory:before {
  content: "\e651"; }

.icon-locationoff:before {
  content: "\e652"; }

.icon-locationon:before {
  content: "\e653"; }

.icon-locationsearching:before {
  content: "\e654"; }

.icon-lock:before {
  content: "\e655"; }

.icon-modeedit:before {
  content: "\e657"; }

.icon-loop:before {
  content: "\e658"; }

.icon-loyalty:before {
  content: "\e659"; }

.icon-navigatebefore:before {
  content: "\e65b"; }

.icon-navigatenext:before {
  content: "\e65c"; }

.icon-navigation:before {
  content: "\e65d"; }

.icon-moneyoff:before {
  content: "\e65e"; }

.icon-movetoinbox:before {
  content: "\e660"; }

.icon-mylocation:before {
  content: "\e661"; }

.icon-notificationsoff:before {
  content: "\e662"; }

.icon-notificationspaused:before {
  content: "\e663"; }

.icon-nowwidgets:before {
  content: "\e664"; }

.icon-notifications:before {
  content: "\e665"; }

.icon-notificationsactive:before {
  content: "\e666"; }

.icon-notificationsnone:before {
  content: "\e667"; }

.icon-pausecircleoutline:before {
  content: "\e669"; }

.icon-payment:before {
  content: "\e66a"; }

.icon-pause:before {
  content: "\e66c"; }

.icon-person:before {
  content: "\e66d"; }

.icon-pictureinpicture:before {
  content: "\e671"; }

.icon-phoneiphone:before {
  content: "\e672"; }

.icon-photocamera:before {
  content: "\e673"; }

.icon-powersettingsnew:before {
  content: "\e674"; }

.icon-pindrop:before {
  content: "\e675"; }

.icon-playlistadd:before {
  content: "\e677"; }

.icon-playlistaddcheck:before {
  content: "\e678"; }

.icon-refresh:before {
  content: "\e67a"; }

.icon-presenttoall:before {
  content: "\e67c"; }

.icon-public:before {
  content: "\e67d"; }

.icon-radiobuttonchecked:before {
  content: "\e67f"; }

.icon-radiobuttonunchecked:before {
  content: "\e680"; }

.icon-restore:before {
  content: "\e681"; }

.icon-removecircleoutline:before {
  content: "\e684"; }

.icon-repeat:before {
  content: "\e685"; }

.icon-repeatone:before {
  content: "\e686"; }

.icon-replay:before {
  content: "\e687"; }

.icon-reply:before {
  content: "\e688"; }

.icon-replyall:before {
  content: "\e689"; }

.icon-rotateright:before {
  content: "\e68d"; }

.icon-roundedcorner:before {
  content: "\e68e"; }

.icon-security:before {
  content: "\e68f"; }

.icon-selectall:before {
  content: "\e690"; }

.icon-send:before {
  content: "\e691"; }

.icon-settings:before {
  content: "\e692"; }

.icon-settingsbackuprestore:before {
  content: "\e693"; }

.icon-settingsvoice:before {
  content: "\e694"; }

.icon-share:before {
  content: "\e695"; }

.icon-star:before {
  content: "\e697"; }

.icon-starhalf:before {
  content: "\e698"; }

.icon-staroutline:before {
  content: "\e699"; }

.icon-smartphone:before {
  content: "\e69a"; }

.icon-sms:before {
  content: "\e69b"; }

.icon-sort:before {
  content: "\e69c"; }

.icon-supervisoraccount:before {
  content: "\e69d"; }

.icon-stars:before {
  content: "\e69e"; }

.icon-stop:before {
  content: "\e69f"; }

.icon-storage:before {
  content: "\e6a0"; }

.icon-store:before {
  content: "\e6a1"; }

.icon-style:before {
  content: "\e6a2"; }

.icon-subdirectoryarrowleft:before {
  content: "\e6a3"; }

.icon-subdirectoryarrowright:before {
  content: "\e6a4"; }

.icon-swapcalls:before {
  content: "\e6a5"; }

.icon-swaphoriz:before {
  content: "\e6a6"; }

.icon-swapvert:before {
  content: "\e6a7"; }

.icon-swapverticalcircle:before {
  content: "\e6a8"; }

.icon-sync:before {
  content: "\e6a9"; }

.icon-syncdisabled:before {
  content: "\e6aa"; }

.icon-syncproblem:before {
  content: "\e6ab"; }

.icon-thumbdown:before {
  content: "\e6ac"; }

.icon-thumbup:before {
  content: "\e6ad"; }

.icon-timeline:before {
  content: "\e6ae"; }

.icon-timer:before {
  content: "\e6af"; }

.icon-timeroff:before {
  content: "\e6b0"; }

.icon-today:before {
  content: "\e6b1"; }

.icon-verifieduser:before {
  content: "\e6b2"; }

.icon-transform:before {
  content: "\e6b3"; }

.icon-trendingup:before {
  content: "\e6b4"; }

.icon-tune:before {
  content: "\e6b5"; }

.icon-turnedin:before {
  content: "\e6b6"; }

.icon-turnedinnot:before {
  content: "\e6b7"; }

.icon-unfoldless:before {
  content: "\e6b8"; }

.icon-unfoldmore:before {
  content: "\e6b9"; }

.icon-update:before {
  content: "\e6ba"; }

.icon-vibration:before {
  content: "\e6bb"; }

.icon-004office:before {
  content: "\e6c6"; }

.icon-014image:before {
  content: "\e6e8"; }

.icon-015images:before {
  content: "\e6e9"; }

.icon-031mic:before {
  content: "\e6ea"; }

.icon-034library:before {
  content: "\e6c7"; }

.icon-057qrcode:before {
  content: "\e6c8"; }

.icon-063coinyen:before {
  content: "\e6c9"; }

.icon-xingzhengzhifawenshu:before {
  content: "\e6ca"; }

.icon-dengji:before {
  content: "\e6bd"; }

.icon-caidanmenu45:before {
  content: "\e6cb"; }

.icon-gengduomore10:before {
  content: "\e6cc"; }

.icon-gengduomore11:before {
  content: "\e6cd"; }

.icon-kafeicoffee61:before {
  content: "\e6cf"; }

.icon-qingshuangderefreshing1:before {
  display: block;
  content: "\e6d0";
  -moz-animation: loop 1s linear infinite;
  -o-animation: loop 1s linear infinite;
  -webkit-animation: loop 1s linear infinite;
  animation: loop 1s linear infinite; }

.icon-ribaodaily19:before {
  content: "\e6d1"; }

.icon-shijianevent5:before {
  content: "\e6d2"; }

.icon-shijianevent7:before {
  content: "\e6d3"; }

.icon-xiazaidownload145:before {
  content: "\e622"; }

.icon-xunhuanrecycle64:before {
  content: "\e6d4"; }

.icon-fenlei1:before {
  content: "\e623"; }

.icon-fabuxinxi:before {
  content: "\e6d5"; }

.icon-bangzhu:before {
  content: "\e6d6"; }

.icon-svgorderred:before {
  content: "\e624"; }

.icon-qiyerenzheng:before {
  content: "\e62a"; }

.icon-go-end-right:before {
  content: "\e6eb"; }

.icon-cf-c29:before {
  content: "\e626"; }

/*.icon-qingshuangderefreshing1:before {
    display:block;
    content: "\e658";
    -moz-animation: loop 1s linear infinite;
    -o-animation: loop 1s linear infinite;
    -webkit-animation: loop 1s linear infinite;
    animation: loop 1s linear infinite;
}*/
@font-face {
  font-family: 'SoIcons';
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot");
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot") format("embedded-opentype"), url("/LiberUI/Style/Default/fonts/iconfont.woff") format("woff"), url("/LiberUI/Style/Default/fonts/iconfont.ttf") format("truetype"), url("/LiberUI/Style/Default/fonts/iconfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.focus {
  overflow: visible; }

.MaskLayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999; }

/*#region 按钮*/
.button {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  border: none;
  background-color: #3caed4;
  color: white;
  cursor: pointer;
  text-align: center;
  box-shadow: 1px 1px 4px #4A4A4A;
  height: 3rem;
  line-height: 3rem; }
  .button:hover {
    background-color: #66bfdd;
    text-decoration: none;
    text-shadow: 1px 1px 4px #666666; }
  .button:active {
    background-color: #2381a0; }
  .button.btn-focus {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    border: none;
    background-color: #f19033;
    color: white;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 4px #4A4A4A; }
    .button.btn-focus:hover {
      background-color: #f4aa63;
      text-decoration: none;
      text-shadow: 1px 1px 4px #666666; }
    .button.btn-focus:active {
      background-color: #ca6a0e; }
    .button.btn-focus > i {
      display: inline-block;
      font: normal normal normal 0 SoIcons;
      font-size: inherit;
      line-height: inherit;
      vertical-align: baseline;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
      .button.btn-focus > i:before {
        color: white; }
  .button.btn-focus-light {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    border: none;
    background-color: white;
    color: #f19033;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 4px #4A4A4A;
    border: 1px solid #f19033;
    box-shadow: none !important; }
    .button.btn-focus-light:hover {
      background-color: white;
      text-decoration: none;
      text-shadow: 1px 1px 4px #666666; }
    .button.btn-focus-light:active {
      background-color: #d9d9d9; }
  .button.btn-unusual {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    border: none;
    background-color: transparent;
    color: #3caed4;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 4px #4A4A4A; }
    .button.btn-unusual:hover {
      background-color: rgba(26, 26, 26, 0);
      text-decoration: none;
      text-shadow: 1px 1px 4px #666666; }
    .button.btn-unusual:active {
      background-color: transparent; }
  .button.btn-risky {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    border: none;
    background-color: rgba(218, 92, 92, 0.84);
    color: white;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 4px #4A4A4A; }
    .button.btn-risky:hover {
      background-color: rgba(227, 134, 134, 0.84);
      text-decoration: none;
      text-shadow: 1px 1px 4px #666666; }
    .button.btn-risky:active {
      background-color: rgba(190, 43, 43, 0.84); }
    .button.btn-risky > i {
      display: inline-block;
      font: normal normal normal 0 SoIcons;
      font-size: inherit;
      line-height: inherit;
      vertical-align: baseline;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
      .button.btn-risky > i:before {
        color: white; }
    .button.btn-risky.btn-lite {
      background-color: transparent;
      color: rgba(218, 92, 92, 0.84);
      border: 1px solid rgba(218, 92, 92, 0.84);
      box-shadow: none;
      text-decoration: dashed; }
      .button.btn-risky.btn-lite:hover {
        text-shadow: none;
        box-shadow: 1px 1px 4px rgba(227, 134, 134, 0.84); }
  .button.btn-lite {
    background-color: transparent;
    color: #3caed4;
    border: 1px solid #3caed4;
    box-shadow: none;
    text-decoration: dashed; }
    .button.btn-lite:hover {
      text-shadow: none;
      box-shadow: 1px 1px 4px #4A4A4A; }
  .button.disabled {
    background-color: #f0f0f0 !important;
    color: #cccccc !important;
    cursor: not-allowed !important; }
    .button.disabled:hover {
      background-color: #f0f0f0 !important;
      color: #cccccc !important;
      text-shadow: none; }
    .button.disabled:active {
      background-color: #f0f0f0 !important;
      color: #cccccc !important;
      text-shadow: none; }

.btn-big {
  font-weight: bold;
  width: 100%; }

/*#endregion*/
/*#region 复选框CheckBox */
.checkbox {
  height: 1.5rem;
  line-height: 1.5rem;
  background-image: url("Default/Imgs/Controll.png");
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  padding-left: 1.6rem;
  cursor: pointer; }
  .checkbox.unchecked {
    background-position-y: -1.7rem; }

/*#endregion*/
/*#region 对话框 */
@-moz-keyframes overturn {
  0% { }
  100% { } }

@-webkit-keyframes overturn {
  0% { }
  100% { } }

@keyframes overturn {
  0% {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

.DialogMask {
  background-color: rgba(128, 128, 128, 0.5); }

.Dialoger {
  min-width: 35rem;
  max-width: 1000px;
  min-height: 20rem;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
  position: relative; }
  .Dialoger > .dlg_head {
    height: 3rem;
    line-height: 3rem;
    padding: 0 0 0 5px;
    border-bottom: 1px solid #b3b3b3; }
    .Dialoger > .dlg_head > h4 {
      height: 3rem;
      line-height: 3rem; }
    .Dialoger > .dlg_head > .dlg_closer {
      position: absolute;
      right: 0.5rem;
      top: 0;
      display: inline-block;
      font: normal normal normal 0 SoIcons;
      font-size: inherit;
      line-height: inherit;
      vertical-align: baseline;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      cursor: pointer; }
      .Dialoger > .dlg_head > .dlg_closer:before {
        color: #666666; }
      .Dialoger > .dlg_head > .dlg_closer:hover {
        display: inline-block;
        font: normal normal normal 0 SoIcons;
        font-size: inherit;
        line-height: inherit;
        vertical-align: baseline;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased; }
        .Dialoger > .dlg_head > .dlg_closer:hover:before {
          color: #3caed4; }
  .Dialoger > .dlg_body {
    padding: 1rem 1rem 4rem 1rem;
    overflow-y: auto; }
  .Dialoger > .dlg_bottom {
    height: 4rem;
    width: 100%;
    line-height: 4rem;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0; }
    .Dialoger > .dlg_bottom > .dlg_btn {
      line-height: 2.5rem;
      font-size: 1.3rem;
      margin-right: 2rem;
      display: inline-block;
      cursor: pointer; }
      .Dialoger > .dlg_bottom > .dlg_btn.btnEnter {
        position: relative;
        display: inline-block;
        padding: 0 1rem;
        border: none;
        background-color: #3caed4;
        color: white;
        cursor: pointer;
        text-align: center;
        box-shadow: 1px 1px 4px #4A4A4A;
        color: white; }
        .Dialoger > .dlg_bottom > .dlg_btn.btnEnter:hover {
          background-color: #66bfdd;
          text-decoration: none;
          text-shadow: 1px 1px 4px #666666; }
        .Dialoger > .dlg_bottom > .dlg_btn.btnEnter:active {
          background-color: #2381a0; }
        .Dialoger > .dlg_bottom > .dlg_btn.btnEnter > i {
          display: inline-block;
          font: normal normal normal 0 SoIcons;
          font-size: inherit;
          line-height: inherit;
          vertical-align: baseline;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased; }
          .Dialoger > .dlg_bottom > .dlg_btn.btnEnter > i:before {
            color: white; }
      .Dialoger > .dlg_bottom > .dlg_btn > i {
        display: inline-block;
        font: normal normal normal 0 SoIcons;
        font-size: inherit;
        line-height: inherit;
        vertical-align: baseline;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased; }
        .Dialoger > .dlg_bottom > .dlg_btn > i:before {
          color: #666666; }
  .Dialoger.Small {
    width: 500px !important; }
  .Dialoger.LightWeight {
    width: 412px;
    font-size: 1.2rem; }

@media (max-width: 400px) {
  .Dialoger {
    min-width: 80%;
    max-width: 80%;
    min-height: 15rem;
    margin: 0 auto;
    background-color: white;
    -webkit-box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, 0.75);
    position: relative; } }

/*#endregion*/
/*#region 下拉选择 */
.dropdown {
  text-align: center;
  position: relative;
  padding: 0 20px;
  display: inline-block;
  cursor: pointer; }
  .dropdown:hover {
    background-color: white;
    color: #3caed4;
    box-shadow: 1px 1px 3px 1px #808080; }
  .dropdown.active {
    background-color: white;
    color: #3caed4;
    box-shadow: 1px 1px 3px 1px #808080; }
  .dropdown:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 5px solid #000;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

/*#endregion*/
/*#region 表格*/
.gridtable {
  border: 1px solid #666666; }
  .gridtable > .grid-body {
    background-color: white; }

.grid-row {
  position: relative;
  display: block;
  width: 100%;
  min-height: 2rem;
  border-bottom: 1px solid #999999;
  background-color: white;
  overflow: hidden; }
  .grid-row.headrow {
    height: 2.2rem;
    line-height: 2.2rem;
    min-height: 2.2rem !important;
    background-color: #f0f0f0;
    border-bottom: 1px solid #b3b3b3;
    font-size: 1.4rem; }
  .grid-row:after {
    content: '';
    display: block;
    clear: left; }
  .grid-row > .grid-col {
    position: absolute;
    display: block;
    height: 100%;
    text-align: center;
    border: none;
    border-left: 1px solid gray !important;
    background-color: transparent;
    /*&:before{
            position:absolute;
            left:0;
            content:'';
            display:block;
            width:1px;
            border-left:1px solid gray;
            height:10000px;
        }*/ }
    .grid-row > .grid-col:focus {
      z-index: 9;
      box-shadow: 0 0 9px #3caed4 inset !important; }
    .grid-row > .grid-col.start {
      float: left;
      border: none !important;
      position: relative; }

/*#endregion*/
/*#region 轻量级提示框*/
.prompt_active {
  -moz-animation: fladeInDown 0.5s normal;
  -o-animation: fladeInDown 0.5s normal;
  -webkit-animation: fladeInDown 0.5s normal;
  animation: fladeInDown 0.5s normal; }

.prompt_dispose {
  -moz-animation: fladeOutUp 0.5s forwards;
  -o-animation: fladeOutUp 0.5s forwards;
  -webkit-animation: fladeOutUp 0.5s forwards;
  animation: fladeOutUp 0.5s forwards; }

/*#endregion*/
/*#region 列表*/
.ListItem > .li-body {
  cursor: pointer;
  position: relative; }
  .ListItem > .li-body > .li-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    line-height: 2rem;
    background-image: url("Default/Imgs/List-treeline.png");
    background-repeat: no-repeat; }
  .ListItem > .li-body > .li-prefix {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 2rem; }
    .ListItem > .li-body > .li-prefix.treeSpaner {
      width: 2rem;
      height: 2rem; }
  .ListItem > .li-body > .li-content {
    display: block; }
  .ListItem > .li-body:hover {
    background-color: #e3f3f9; }
  .ListItem > .li-body.slcted {
    background-color: #90d1e6; }

/*#endregion*/
/*#region 分页*/
.LiberUI-Paging {
  height: 35px;
  line-height: 25px;
  padding: 5px 0 5px 2rem; }
  .LiberUI-Paging .button {
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    box-sizing: content-box; }

.paging-operate > .toPage {
  width: 3rem !important;
  height: 25px;
  line-height: 25px;
  box-sizing: content-box; }

.paging-operate > span {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.pagination {
  display: inline-block; }
  .pagination > .button {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }

/*#endregion*/
/*#region 表格v2*/
.liberui-grid-table {
  width: 100%;
  display: table;
  border: 1px solid #666666;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }
  .liberui-grid-table .gridRow {
    display: table-row;
    width: 100%;
    position: relative; }
    .liberui-grid-table .gridRow > .gridCol {
      display: table-cell;
      border: none;
      border-bottom: 1px solid gray;
      position: relative;
      padding: 5px;
      text-align: center;
      vertical-align: middle; }
      .liberui-grid-table .gridRow > .gridCol:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        border-left: 1px solid gray;
        height: 1000px; }
  .liberui-grid-table > .head {
    height: 2rem;
    line-height: 2.2rem;
    font-weight: bold; }
    .liberui-grid-table > .head > .gridCol {
      padding: 0; }
  .liberui-grid-table > .gridBody {
    display: table-row-group;
    background-color: white; }
    .liberui-grid-table > .gridBody.fixHeight {
      overflow-y: scroll; }

/*#endregion*/
/* 16/8/1 controls */
.contorl-checkbox {
  cursor: pointer; }
  .contorl-checkbox input {
    display: none; }
  .contorl-checkbox span {
    padding-left: 25px;
    position: relative;
    display: inline-block; }
    .contorl-checkbox span:before {
      content: '';
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background: url(/LiberUI/Style/Default/Imgs/Controll.png) left top/20px auto no-repeat;
      background-position: 0 -352px;
      position: absolute;
      left: 0;
      top: 50%; }
  .contorl-checkbox input:checked + span:before {
    background-position: 0 -378px; }

/* 选项卡 */
.tab-panel .tab-panel-header {
  text-align: center;
  position: relative; }
  .tab-panel .tab-panel-header:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #3caed4;
    position: absolute;
    left: 0;
    bottom: 0; }
  .tab-panel .tab-panel-header .item {
    border: 1px solid transparent;
    padding: 1rem 0;
    cursor: pointer; }
  .tab-panel .tab-panel-header .title {
    color: #666;
    font-size: 1.4rem;
    display: block; }
  .tab-panel .tab-panel-header .text {
    color: #999;
    font-size: 1rem; }
  .tab-panel .tab-panel-header .active {
    border-color: #3CADE4;
    border-bottom-color: #F0F0F0;
    cursor: default; }
    .tab-panel .tab-panel-header .active .title {
      font-weight: bold; }
    .tab-panel .tab-panel-header .active .title,
    .tab-panel .tab-panel-header .active .text {
      color: #4AA6BC; }

.tab-panel .tab-panel-body {
  padding-top: 2rem; }
  .tab-panel .tab-panel-body .item {
    position: relative;
    display: none; }
    .tab-panel .tab-panel-body .item:after {
      content: '';
      clear: both;
      display: block; }
  .tab-panel .tab-panel-body .active {
    display: block; }

.table-header {
  font-size: 1.2rem;
  padding: 5px;
  border: 1px solid gray;
  border-left-width: 2px;
  border-bottom: 0; }
  .table-header a {
    border: 0;
    float: right; }

